<div class="content-byc image-content" ng-controller="imgDetailCtrl">
    <div class="animated update-content" ng-class="{true:'bounceInRight',false:'bounceOutRight'}[isActive]"
         ng-if="showDetail==1">
        <div class="wrapper-md">
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-default" style="padding:0;">
                        <div class="panel-heading font-bold">
                            <span class="p-l-6">{{name}}</span>
                            <button class="btn btn-info pull-right" style="margin-top: -7px;" ng-click="goBack()" tabindex="0">
                                <i class="fa fa-reply icon-font"></i> 返回
                            </button>
                        </div>
                        <div class="col-md-6">
                            <div class="col-md-12 hostdetail" style="min-height: 453px;">
                                <div class="">
                                    <h5 class="console-title">基本信息</h5>
                                    <ul class="list-unstyled">
                                        <li ><span class="dfont">名称</span><span class="dfont-back" ng-bind="hostDetail.name"></span></li>
                                        <li ><span class="dfont">所属仓库</span><span class="dfont-back" ng-bind="hostDetail.swarmname"></span></li>
                                        <li ><span class="dfont">状态</span><span class="dfont-back" ng-bind="hostDetail.status"></span></li>
                                        <li ><span class="dfont">镜像依赖</span><span class="dfont-back" ng-bind="hostDetail.remark"></span></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="panel panel-default" style="margin-bottom: 15px;margin-top: 15px;">
                                <div class="panel-heading">使用该镜像的应用列表</div>
                                <div class="panel-detail">
                                    <div class="col-sm-12 img-font">
                                        <p>应用一</p>
                                        <p>应用一</p>
                                        <p>应用一</p>
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-default" style="margin-bottom: 15px;">
                                <div class="panel-heading">使用该镜像的镜像列表</div>
                                <div class="panel-detail">
                                    <div class="col-sm-12 img-font">
                                        <p>镜像一</p>
                                        <p>镜像一</p>
                                        <p>镜像一</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>